<template>
	<div class="aboutUs_page layer">
		<van-nav-bar :title="$t('my.aboutUs')" left-arrow @click-left="$router.go(-1)" :border="false" />
		<div class="cell_box">
			<van-cell :title="$t('userAgreement.title')" is-link to="userAgreement" />
			<van-cell :title="$t('userAgreement.title2')" is-link to="privacyPolicy" />
		</div>
	</div>
</template>

<script>
	export default {
		components: {},
		data() {
			return {}
		},
		computed: {},
		watch: {},
		mounted() {},
		methods: {
			submit() {}
		}
	}
</script>

<style lang="less" scoped>
	.aboutUs_page {
		.cell_box {
			background-color: #3D3D3D;
			border-radius: 16px;
			overflow: hidden;
			margin-bottom: 20px;
		
			.van-cell {
				background-color: #3D3D3D;
				padding: 13px 20px;
				align-items: flex-end;
		
				::v-deep .van-cell__title {
					text-align: left;
					color: #fff;
				}
		
				::v-deep .van-cell__right-icon {
					color: #fff;
				}
			}
		}
	}
</style>